<!DOCTYPE html>  
<html lang="zh-CN">  
  <head>  
    <meta charset="UTF-8" />  
    <title>超链接基本练习</title>  
    <style type="text/css">  
      a[href="http://www.zsc.edu.cn"]:hover {  
        color: blue;  
        text-decoration: underline;  
      }  
      a.class1 {  
        color: red;  
      }  
      ol {  
        list-style-type: upper-roman;  
      }  
    </style>  
  </head>  
  <body>  
    <a href="http://www.zsc.edu.cn">电子科技大学中山学院</a><br />  
    <a href="login.html" class="class1">注册页面</a><br />  
    <a href="#helpme">“帮助”位置锚点</a><br />  
    <a href="mailto:xxxx@xxxx.com">邮箱链接</a><br />  
    <br /><br /><br />  
    <a name="helpme" id="helpme">帮助</a>  
    <ol>  
      <li>如何注册会员？</li>  
      <li>如何激活会员名？</li>  
    </ol>  
  </body>  
</html>